<template>
  <div class="Login">
    <div class="content">
      <div>{{ datas.text }}</div>
      <div v-if="datas.btnText.length">
        <el-button type="primary" plain>{{ datas.btnText }}</el-button>
      </div>
    </div>

    <!-- 删除组件 -->
    <slot name="deles" />
  </div>
</template>

<script lang="ts" setup name="Login">
import { toRefs } from "vue";
const props = defineProps({
  datas: {
    type: Object
  }
});
const { datas } = toRefs(props);
</script>
<style lang="scss" scoped>
.content {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: #ffffff;
}
</style>
